{% extends "base.html" %} {% block content %}

<div class="image_sobin">
<img src="/images/jsobin.jpg" alt="Jonathan Sobin"  />
</div>
<div class="image_ady">
<img src="/images/adrienne_pic.jpg" alt="Ady Polsenova"  />
</div>
<div class="avatar_description">
<p>Jon Sobine</p>
<p><i>Billionaire playboy</i></p>
</div>
<div class="avatar_description">
<p>Ady Poisenova</p>
<p><i>Canadian super spy turned real-estate tycoon</i></p>
</div>

<!--{% if cutscene %}
<div class="cutscene">
<p>{{cutscene}}</p>
</div>
{% endif %}

<div class="room_description">
<p>{{room.get_description}}</p>
</div>

<div class="room_inventory">
{% if room.inventory %}
<p>You see some stuff in this room:</p>
<form action="{{this_page}}" method="post">
{% for item in room.inventory.values %}
<div>
<input type="checkbox" name="room_inventory" value="{{item.get_id}}" />{{item.get_description}}
</div>
{% endfor %}
<div>
<input type="submit" name="inventory" value="Take item(s)" />
</div>
</form>
{% else %}
<p>You don't see anything interesting lying around.</p>
{% endif %}
</div>

<div class="player_inventory">
<p>Your inventory:</p>
{% if player.inventory %}
<form action="{{this_page}}" method="post">
{% for item in player.inventory.values %}
<div>
<input type="checkbox" name="player_inventory"
value="{{item.get_id}}" />{{item.get_description}}
</div>
{% endfor %}
<div>
<input type="submit" name="inventory" value="Drop item(s)" />
</div>
</form>
{% else %}
<p>You are not carrying anything.</p>
{% endif %}
</div>
-->

<div class="divTable">
<div class="divTableRow">
<p class = "shadow">Please choose a player:</p>
{% for action in menu.actions.values %}
<form action="{{this_page}}" method="{{action.get_method}}">
<input type="hidden" name="action_name" value="{{action.get_id}}" />
<input type="hidden" name="player" value="{{action.get_player_name}}" />
<input type="submit" name="action" value="{{action.get_description}}" />
</form>
{% endfor %}
</div>
</div>

<p></p>
<p></p>

<audio id="margaritaville" 
   preload="auto" 
   src="/images/margaritaville.mp3" 
   autoplay=autoplay>
</audio>
<button type="button" onclick="aud_play_pause()">Play/Pause</button>
<script>
function aud_play_pause() {
  var myAudio = document.getElementById("margaritaville");
  if (myAudio.paused) {
    myAudio.play();
  } else {
    myAudio.pause();
  }
}
</script>

{% endblock content %}